﻿
@{
    ViewBag.Title = Resources.WebStringsWeb.WebTitle;
    Layout = "~/Views/Shared/_LayoutMobile.cshtml";
}

@section css {
    <style>
        .IsException {
            color: red;
        }

        .IsNormal {
            color: blue;
        }

        .mui-bar ~ .mui-content .mui-scroll-wrapper {
            top: 44px;
            height: auto;
        }
    </style>
}
<header class="mui-bar mui-bar-nav">
    <a class="mui-icon mui-icon-left-nav mui-pull-left" href="../FacilityAndEquipment/MMyPlaceList"></a>
    <h1 class="mui-title" style="color:white;">@(Request.QueryString["PlaceName"].IsEmpty() ? "" : Request.QueryString["PlaceName"])-消防器材</h1>
</header>
<div class="mui-content">
    <div id="pullrefresh" class="mui-scroll-wrapper">
        <div class="mui-scroll" id="checklist">
            <ul class="mui-table-view mui-table-view-chevron mui-table-view-striped mui-table-view-condensed" ng-cloak ng-controller="FacAndEquController" ng-init="
                PlaceId= '@(Request.QueryString["PlaceId"].IsEmpty() ? "" : Request.QueryString["PlaceId"])';
                RoomId='@(Request.QueryString["RoomId"].IsEmpty() ? "" : Request.QueryString["RoomId"])';
                PlaceName='@(Request.QueryString["PlaceName"].IsEmpty() ? "" : Request.QueryString["PlaceName"])';
                SearchModel={};SearchModel.DeviceType=2;
                SearchModel.RoomId = RoomId;
                InitFireFacilityFormList();">
                <li class="mui-table-view-cell" ng-show="DataList.length==0" style="height:150px;text-align:center;">暂无数据</li>
                <li class="mui-table-view-cell" ng-repeat="x in DataList" id="{{x.Id}}">
                    <div class="mui-table mui-slider-handle">
                        <div class="mui-table-cell mui-col-xs-10">
                            <h4 class="mui-ellipsis">{{x.DeviceName}}</h4>
                            <p class="mui-h6 mui-ellipsis">状态：{{x.StatusName}}</p>
                            <p class="mui-h6 mui-ellipsis">责任部门：{{x.DepartmentName}}</p>
                            <p class="mui-h6 mui-ellipsis">所在场所：{{x.PlaceName}}</p>
                            <p class="mui-h6 mui-ellipsis">维保单位：{{x.CompanyName}}</p>
                            <p class="mui-h6 mui-ellipsis">维保频次：{{x.MaintenanceInterval}}</p>
                            <p class="mui-h6 mui-ellipsis" ng-show="x.LastMaintance!=null">维保时间：{{x.LastMaintance}}</p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
@section js{
    <script src="~/Assets/js/mui.pullToRefresh.js"></script>
    <script src="~/Assets/js/mui.pullToRefresh.material.js"></script>
    <script src="~/Assets/js/pg/FacAndEqu.js?v=@DateTime.Now.ToString("yyyyMMddHHmm")"></script>

    <script>
        mui.init({
            swipeBack: false,
            keyEventBind: {
                backbutton: false 
            }
        });



    </script>
}

